@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ }
body{ color:#333;font:12px/20px "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; cursor: default; }
li font{ }
a{ color: #444; text-decoration:none; outline:none;transition:all .2s ease;}
a img{transition:all .2s ease;height: auto;width: auto;}
a:hover { color: #0659AA; }
a:hover img{filter:alpha(opacity=90);opacity:0.9;}
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
/* * html .clearfix{height:1%; }
*+html .clearfix{min-height:1%; } */
.clear { clear: both; }
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.hide { display:none; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }


/* frame */
body{ background: #000; }
#wrap{ background: url(images/topBar.gif) 0px 0px repeat-x #fafafa;}

/* topBar */
.topBar{width: 1000px; margin: 0 auto; height: 31px; line-height: 30px; overflow: hidden; color: #666 }
.topBar .topLinks{float: right; _display: inline; background: #1483c1; padding: 0 15px; height: 31px; }
.topBar .topLinks a{color: #fff}
.topBar .topLinks a:hover{color: #ff0}
.topBar .topLogin{float: right; _display: inline; padding-right: 10px}
.topBar .topLogin a{color: #666}
.topBar .topLogin a:hover{color: #c00}

/* header */
#header{width: 1000px; margin: 0 auto; position: relative;  height: 105px; z-index: 2;}
#header .logo{width: 204px; height: 38px; position: absolute; top: 34px; left: 16px;}
#header .siteSearch{width: 192px; height: 24px; position: absolute; top: 9px; right: 0px; background: url(images/searchBar.gif) 0px 0px no-repeat; overflow: hidden; padding-left:150px;}
#header .siteSearch .searchBtn{float: right; _display: inline; width: 22px; height: 24px; line-height: 60px; overflow: hidden;}
#header .siteSearch .keyWord{background: none; border: none; float: left; _display: inline;  width: 163px; height: 24px; line-height: 24px; padding-left: 5px; color: #666}

/* topNav */
#topNav{width: 738px; height: 35px; position: absolute; top: 40px; right: 0px; background: url(images/navBar.gif) 30px 0px no-repeat; padding-left: 30px; border-left: 1px solid #c5c5c5;}
#mainNav{padding: 0 10px; height: 35px;}
#mainNav .nLi{width: 102px; float: left; _display: inline;  height: 35px; line-height: 35px;}
#mainNav .on1{background: url(images/navBarOn.gif) 0px 0px no-repeat;}
#mainNav .nLi .h1{height:35px; line-height: 35px; text-align: center; font-size: 16px; font-family: "Microsoft Yahei";}
#mainNav .nLi .h1 a{color: #fff;}
#mainNav .nLi .h1 a:hover{color: #fff}
#mainNav .nLi .sub{width:884px; height: 185px; background:#fff; position: absolute; top: 35px; right: 14px; z-index: 3; display: none; padding: 22px 10px 10px; overflow: hidden; border: 1px solid #e5e5e5;-moz-box-shadow:#666666 1px 1px 5px 0px; box-shadow:#666666 1px 1px 5px 0px;}
#mainNav .nLi .sub .layout-L{float: left; _display: inline; width: 760px;}
#mainNav .nLi .sub .layout-L .pic{width: 314px; height: 185px; overflow: hidden; float: left; _display: inline; }
#mainNav .nLi .sub .layout-L .con{width: 410px; float: right; _display: inline; }
#mainNav .nLi .sub .layout-L .con .title{height: 48px; line-height: 48px; color: #0e71b4; font-size: 20px; font-family: "Microsoft Yahei";}
#mainNav .nLi .sub .layout-L .con .intro{line-height: 28px; font-size: 14px; color: #3c3c3c; padding-right: 10px}
#mainNav .nLi .sub .layout-R{width: 85px; float: right; _display: inline; padding-left: 33px; background: url(images/mainNav_sub_r.gif) 0px 0px no-repeat; height: 185px; padding-top: 8px}
#mainNav .nLi .sub .secondNav{}
#mainNav .nLi .sub .secondNav li{line-height: 24px; padding: 6px 0px 6px 14px; background: url(images/icon_02.gif) 0px 15px no-repeat;}
#mainNav .nLi .sub .secondNav li a{font-size: 14px;}
#mainNav .nLi .sub .layout-NewsList{float: left; _display: inline; width: 687px; padding-left: 17px}
/* 英文站顶部导航 */
.topNav_en{}
.topNav_en #mainNav .nLi .sub .layout-R{width: 95px; padding-left: 23px}

#mainNav .nLi #sub_1{background-position: 335px 0px ;}
#mainNav .nLi #sub_2{background-position: 387px 0px ; width: 832px; height: 256px;}
#mainNav .nLi #sub_3{background-position: 540px 0px ;}
#mainNav .nLi #sub_4{background-position: 464px 0px ;width: 702px; height: auto; padding-top: 30px}
#mainNav .nLi #sub_5{background-position: 743px 0px ;}
#mainNav .nLi #sub_6{background-position: 845px 0px ;}

#mainNav .nLi #sub_4 .layout-R{width: 90px; padding-left: 28px}

.topNav_en #mainNav .nLi #sub_2 .layout-R{width: 120px; padding-left: 18px}
.topNav_en #mainNav .nLi #sub_2 .layout-NewsList{width: 672px; padding-left: 12px;}
.topNav_en #mainNav .nLi #sub_2 .txtPicList li{margin-right: 20px;}

/* 产品中心-下拉 */
#mainNav .nLi #sub_4{}
#mainNav .nLi #sub_4 .layout-L{width: 92px; padding: 0px; margin: 0px; text-align: center;}
#mainNav .nLi #sub_4 .layout-R{width: 710px; padding: 0px; margin: 0px; background: none; height: auto;}
#sub_4 .nodeName{width: 92px; font-size: 18px; line-height: 36px; color: #0d71af; text-align: center;}
#sub_4 .cp-box{width: 162px; float: left; _display: inline;  overflow: hidden; padding-left: 15px;}
#sub_4 .cp-img{width: 92px; height: 92px; overflow: hidden;}
#sub_4 .cp-img img{width: 92px; height: 92px;}
#sub_4 .cp-menu{border-right: 1px solid #ddd; padding-left: 5px; padding-bottom: 10px}
#sub_4 .cp-4 .cp-menu{border-right:none; }
#sub_4 .cp-menu .title{font-size: 16px; color: #005a8c;}
#sub_4 .cp-menu .title a{color: #005a8c;}
#sub_4 .cp-menu .title a:hover{color: #c00;}
#sub_4 .cp-menuList{overflow: hidden;}
#sub_4 .cp-menuList li{height: 32px; line-height: 32px; font-size: 12px}

#sub_4 .cp-box-en .cp-menu{height: 266px;}
#sub_4 .cp-box-en .title{line-height: 22px; margin-bottom: 10px;}
#sub_4 .cp-box-en .cp-menuList li{height: auto; line-height: 18px; margin-bottom: 10px;}




/* content */
#content{width: 998px; margin: 0 auto;  border: 1px solid #e5e5e5; background: #fff; margin-top: 26px; margin-bottom: 20px;}

/* boxA */
.boxA{}
.boxA .hd{height: 46px; border-bottom: 1px solid #848383; padding-left: 10px}
.boxA .hd h3{float: left; _display: inline;  height: 46px; line-height: 46px; font-size: 16px; font-family: "Microsoft Yahei"; color: #fff;}
.boxA .bd{padding: 10px}

/* footer */
#footer{border-top: 5px solid #4077b7; background: #000;}
.footLink{background: #5f5f5f; padding: 5px 0px 20px}
.footLink .fBd{width: 1000px; margin: 0 auto; overflow: hidden; }
#footer .copyBar{padding: 15px 0px; width: 1000px; margin: 0 auto; overflow: hidden; }
#footer .copyBar .footNav{float: left; _display: inline; text-align: left; color: #737373; line-height: 24px; }
#footer .copyBar .footNav .spe{padding: 0 5px; color: #737373}
#footer .copyBar .footNav a{color: #737373;}
#footer .copyBar .footNav a:hover{color: #fff}

#footer .copyBar .copyright{float: right; _display: inline; width: 600px; text-align: right; line-height: 24px; color: #737373}

/* boxLDCP */
#boxLDCP{width: 840px; float: left; _display: inline; }
#boxLDCP .bd{overflow: hidden;}
#boxLDCP .bd .cpNav{overflow: hidden;}
#boxLDCP .bd .cpNav .li1{width: 205px; float: left; _display: inline;}
#boxLDCP .bd .cpNav .h1{font-size: 14px; font-family: "Microsoft Yahei"; color: #e1e0e0; height: 30px; line-height: 30px; margin-bottom: 3px;}
#boxLDCP .bd .cpNav .h1 a{color: #e1e0e0; transition:all .2s ease;}
#boxLDCP .bd .cpNav .h1 a:hover{color: #fff}
#boxLDCP .bd .cpNav .li2{line-height: 24px;}
#boxLDCP .bd .cpNav .h2{line-height: 24px; font-family: "Microsoft Yahei"; font-size: 12px; color: #cacaca; }
#boxLDCP .bd .cpNav .h2 a{color: #cacaca;transition:all .2s ease;}
#boxLDCP .bd .cpNav .h2 a:hover{color: #fff}

/* boxGYLD */
#boxGYLD{width: 124px; float: right; _display: inline; }
#boxGYLD .bd{overflow: hidden;}
#boxGYLD .abList{overflow: hidden; height: 84px; padding-bottom: 10px}
#boxGYLD .abList li{height: 28px; line-height: 28px; font-size: 12px;}
#boxGYLD .abList li a{font-size: 12px; color: #cacaca;transition:all .2s ease;}
#boxGYLD .abList li a:hover{color: #fff}